<template>
  <div class="box">
    <div class="top">
      <div class="top-title">
        <p>关注公众号</p>
      </div>
    </div>
    <div class="guanzhu">
      <div class="text">
        <p class="titleTop">长按识别二维码关注公众号</p>
        <img src="../../assets/images/ewm.png" alt="" />
        <p>获取更多精彩内容</p>
      </div>
    </div>
  </div>
</template>

<script setup lang='ts'>
</script>

<style scoped>
.box {
  width: 100%;
  height: 100vh;
  background: #34c5e5;
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.top {
  width: 100%;
  height: 45%;
}
.guanzhu {
  width: 100%;
  height: 40%;
  text-align: center;
}
.guanzhu p {
  color: #ccc;
  font-size: 20px;
  color: #60544c;
}
.guanzhu img {
  width: 60%;
  height: 60%;
}
.top-title p {
  width: 100%;
  height: 40px;
  font-size: 20px;
  color: white;
}
.titleTop {
  width: 90%;
  height: 40px;
  background: #dec027;
  margin-left: 5%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
</style>
